*{padding:0;margin:0;list-style: none; box-sizing: border-box; text-decoration: none; cursor: pointer; }
html{ 
  width: 100%; 
  height: 100%; 
  --titleColor:#B4D5FF;
  --lineColor:#18ABE8;
  --bgColor:#12296D;
}
body{ 
  width: 100%; 
  height: 100%;   
  font-family: "微软雅黑"; 
  font-size: 0.14rem; 
  user-select: none;
  position: relative;
}
button{ background: transparent; border:0; outline: none; }

/*背景动画*/
.movemain{
  position: relative;
  width:100%;
  height:100%;
  overflow: hidden; 
  background: #12296D;
  transform: translateZ(0);
  text-align: center;
}
.bgimg1{
  width: 100vh;
  height:100vh;
  animation:moverotote 15s linear infinite;
}
.bgimg2{ 
  position:absolute;  
  bottom:0; 
  left: 0;
  width:100%; 
  background:url(../images/a.png) center/cover no-repeat;animation:light 2s linear infinite;
}
@keyframes moverotote{
  0%{transform:rotate(0deg)}
  100%{transform:rotate(360deg)}  
}
@keyframes light{
  0%{opacity: 0.5;}
  50%{opacity: 1;}
  100%{opacity: 0.5;}
}

/* 内容区 */
.container{
  position:absolute;
  height:100%;
  width:100%;
  top:0;
  left:0;
  padding-top:0.8rem;
  z-index: 1;
}

/*头部*/
.header{ 
  display: table;
  position: absolute;
  top:0;
  left: 0; 
  height: 0.8rem; 
  width: 100%;
  font-size: 0.2rem;
  color: #adc2ff; 
  background:rgba(0,0,0,0.3) url(../images/head.png) center 0.32rem/100% 100% no-repeat; 
  border-bottom: 1px solid #18ABE8;
}
.header>div { 
  display: table-cell; 
  width: 33.33333%; 
}
.header .head_left{ 
  padding: 0.04rem 0 0 0.04rem; 
}
.header .head_center{ 
  text-align: center; vertical-align: middle;  
}
.header .head_right{ 
  text-align: right; padding: 0.04rem 0.04rem 0 0; 
}
.header .head_right button{ 
  height: 0.35rem;
  min-width: 0.35rem; 
  font-size: inherit; 
  color: inherit;  
  float: right; 
  margin-right: 0.2rem; 
}
.header .head_right .head_act{ 
  color: #fff; 
}
#top_time{ 
  color:green;
  background: #00917D; 
  color:#fff; 
  display: inline-block; 
  padding:0.04rem;
  border-radius:0.02rem; 
}
.header h1{ 
  text-align: center;font-size: 0.28rem;
    background-image:-webkit-gradient(linear,0 top,0 bottom,from(#CAE0FF),to(#6EB2FF));
    -webkit-background-clip:text;-webkit-text-fill-color:transparent; 
}
.header h1 span{
  text-align: center; font-size: 0.28rem;
    background-image:-webkit-gradient(linear,0 top,0 bottom,from(#CAE0FF),to(green));
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent; 
}
.body{ 
  position: relative; 
  height:100%;
  width: 100%;
  z-index: 5; 
  background: rgb(0,0,0,0.3); 
}


/*temp 组件样式*/
.temp{ 
  position: absolute;
  padding-top: 0.3rem;
  transition: 0.3s; 
/*  z-index: 1; */
  /*border:0.02rem solid transparent; */
  transform: translateZ(0);
  border:1px solid #18ABE8;
}
.temp_title{
  position: absolute;
  top:0;
  left:0;
  min-width: 30%;
  padding:0 0.15rem;
  line-height: 0.3rem;
  color:#B4D5FF;
  font-size: 0.16rem;
  font-weight: bold;
  background: url(../images/childtitle.png) center/100% 100% no-repeat;
}
.temp_move_btn{
  position: absolute;
  top:0;
  right:0;
  width: 0.3rem;
  height: 0.3rem;
  background:url(../images/max.png) center/70% 70% no-repeat;
  z-index: 9;
}
.temp_content{
  position: relative;
  width:100%;
  height: 100%;
  overflow: hidden;
}



/*遮罩*/
.zhezhao{
  position: absolute;
  left: 0;
  bottom:0;
  z-index: 8;
  width: 100%;
  height: 150%;
  background: rgba(0,0,0,0.7);
  display: none;
}
.body div.move_center{
  top:45%;
  left: 50%;
  z-index: 999;
  background: rgba(0,0,0,0.7);
  box-shadow: 0 0px 300px #1ffffc;
  /*transform: translate(-50%,-50%) scale(1.6);*/
}

.body .ZDtoMAP_temp.move_center{
  height: 96%;
}
